<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>住宅</title>

<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui-1.8.22.min.js"></script>
<script type="text/javascript" src="./js/back-to-top.js"></script>
<script src="js/bootstrap-datepicker.min.js" charset="UTF-8"></script>
<script src="js/bootstrap-datepicker.zh-CN.min.js" charset="UTF-8"></script>

<link rel="stylesheet" type="text/css"
	href="./css/bootstrap-custom.min.css">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
	href="./css/jquery-ui-custom.min.css">
<link rel="stylesheet" type="text/css" href="./css/share.css">
<link rel="stylesheet" type="text/css" href="./css/core.css">
<link rel="stylesheet" type="text/css" href="./css/slider.css">
<link rel="stylesheet" type="text/css" href="./css/home.css">
<link rel="stylesheet" type="text/css" href="./css/header.css">
<link rel="stylesheet" type="text/css" href="css/events.css">
<link rel="stylesheet" type="text/css" href="./css/article.css">
<link rel="stylesheet" type="text/css" href="./css/bootstrap-datepicker.css">


<link rel="stylesheet" type="text/css" href="http://js.soufunimg.com/industry/creisdata/city2014/css/creis_style.css?v=2015-04-07&v2=20150301" />

<style type="text/css">
.filter li {
	display: block;
	color: #555;
	margin: 2px 8px;
}

.filter2 {
	clear: both;
}

.filter2  ul li {
	float: left;
	line-height: 25px;
}

.filter2 li {
	display: block;
	padding: 4px 5px;
	color: #555;
	margin: 2px 10px;
}

.filter  p {
	width: 60px;
	text-align: center;
	margin: 2px 8px;
	text-align: right;
}

.filter2  p {
	width: 60px;
	text-align: center;
	padding: 4px 5px;
	margin: 2px 10px;
	text-align: right;
	float: left;
	position: relative;
	left: -3px;
}
</style>


</head>

<body>
	<div class="index-topbar-wrapper">
		<div class="light-blue-left"></div>
		<div class="index-topbar clearfix">
			<div class="topbar-light">
				<img alt=" " src="./image/topbar-light.jpg">
			</div>
			<div class="topbar-logo">
				<img alt="" src="./image/logo.png"></a>
			</div>
			<div class="login-container" id="login_container">
				<span><a href="">登录</a></span> | <span><a
					href="javascript:void(0)" onclick="">注册 </a></span>
			</div>

			<ul class="topbar-nav-list sf-menu" id="djt_menu">
				<li class="selected"><a href="index.html">首页</a></li>
				<li><a href="">项目</a></li>
				<li><a href="house.html">住宅</a></li>
				<li><a href="">土地</a></li>
				<li><a href="">商业</a></li>
				<li><a href="">宏观</a></li>
				<li><a href="">产品</a></li>
				<!--   <li  class="sec_nav">
				    <a href="javascript:void(0);"
					    class="item-a"><span>产品</span>
					   <span class="sf-sub-indicator"></span></a>
					<ul>
						<li><a href="">活动</a></li>
						<li><a href="">讲座</a></li>
						<li><a href="">视频</a></li>
					</ul>
				</li> -->
			</ul>

			<div class="topbar-control">
				<form id="scbar_form" accept-charset="utf-8" method="get"
					autocomplete="off" action=""
					onkeypress="if(event.keyCode==13){form_submit();return false;}">

					<div id="scbar" class="float-left" style="overflow: visible;">
						<div class="col" id="search_type_wrap">
							<div class="search-pointer">
								<input type="hidden" id="type_selected" value="article">
								<span id="search_type">住宅</span> <span id="change_sc_type"
									class="djt-caret"></span>
								<ul class="search-type">
									<li id="article">住宅</li>
									<li id="ppt">项目</li>
									<li id="video">商业</li>
								</ul>
							</div>
						</div>
						<div class="col">
							<input type="text" name="keyword" id="scbar_txt" placeholder=""
								autocomplete="off" class=" xg1">
						</div>
						<div class="col">
							<a id="scbar_btn"></a>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row">
			<div class="span12">
				<div class="bread-crumb"
					style="background-color: #ddd; line-height: 35px; font-size: 14px; padding-left: 4px;">
					<a href="">住宅</a>&nbsp;&nbsp;&gt;&nbsp;&nbsp; <span>数据查询</span>
				</div>
			</div>
		</div>

		<div class="row banner-row">
			<div class="span3">
				<div class="category-list">
					<ul class="article-category-list">
						<li class="active">
							<div class="green-arrow"></div> <a href="javascript:void(0)">全部</a>
						</li>
						<li class=" "><a href="javascript:void(0)">宏观数据</a></li>
						<li class=" "><a href="javascript:void(0)">住宅数据</a></li>
						<li class=" "><a href="javascript:void(0)">项目数据</a></li>
						<li class=" "><a href="javascript:void(0)">土地数据</a></li>
						<li class=" "><a href="javascript:void(0)">商业数据</a></li>
						<li class="last-item"><a href="javascript:void(0)">产品资讯</a></li>
					</ul>
				</div>
			</div>

			<div class="span9 ">
				<div class="filter-wrapper">

					<div class="filter city">
						<p class="filter-title">城&nbsp;&nbsp;&nbsp;&nbsp;市:</p>
						<ul class="filter-items">
							<li><a class="selected" href="javascript:void(0);"
								onclick="">苏州</a></li>
							<li><a class="" href="javascript:void(0);" onclick="">吴江</a></li>
							<li><a class="" href="javascript:void(0);" onclick="">昆山</a></li>
							<li><a class="" href="javascript:void(0);" onclick="">常熟</a></li>
							<li><a class="" href="javascript:void(0);" onclick="">张家港</a></li>
							<li><a class="" href="javascript:void(0);" onclick="">太仓</a></li>
						</ul>
					</div>

					<div class="filter ">
						<p class="filter-title">区&nbsp;&nbsp;&nbsp;&nbsp;域:</p>
						<ul class="filter-items">
							<li>&nbsp;&nbsp;&nbsp;<input type="checkbox">全部
							</li>
							<li><input type="checkbox">姑苏区</li>
							<li><input type="checkbox">园区</li>
							<li><input type="checkbox">新区</li>
							<li><input type="checkbox">吴中区</li>
							<li><input type="checkbox">相城区</li>
						</ul>
					</div>



					<div class="filter">
						<p class="filter-title">供求方式:</p>
						<ul class="filter-items">
							<li>&nbsp;&nbsp;&nbsp;<input type="checkbox">全部
							</li>
							<li><input type="checkbox">供应</li>
							<li><input type="checkbox">成效</li>
							<li><input type="checkbox">库存</li>
						</ul>

					</div>
					<div class="row">
						<div class="span6">
							<div class="filter2">
								<p class="filter-title">时间周期:</p>
								<ul class="filter-items">
									<li><input type="radio" name="time">按周</li>
									<li><input type="radio" name="time">按月</li>
									<li><input type="radio" name="time">按季</li>
									<li><input type="radio" name="time">按年</li>

								</ul>
							</div>
							<div class="filter2">
								<p class="filter-title">时间范围:</p>
								<ul class="filter-items">
									<li>
										<div id="form_date">
											<input class="form_date" type="text"  readonly name="startDate"
												style="width: 100px; height: 30px;"> 
										</div>
									</li>

									<li style="line-height: 30px;">至</li>
									<li>
									<div id="form_date">
											<input type="text" readonly name="endDate"
												style="width:100px; height: 30px;"> 
										</div>
									</li>

									<li>
								</ul>
							</div>
						</div>
						<div class="span2">

							<button class="btn btn-large btn-block btn-primary" type="button">查询</button>
							<p align="center">
								<button class="btn  btn-link" type="button">清除</button>
								<a href="baiduMap.html" class="btn  btn-link" type="button">地图</a>
							</p>

						</div>

					</div>



					<div align="center" id="toshow">
						<a href="javascript:void(0);" onclick="showmore()" style="color: red;">更多...</a>
					</div>
					<div align="center" id="tohide" style="display: none">
						<a href="javascript:void(0);" onclick="hidemore()"style="color: red;">收起</a>
					</div>

					<div style="display: none;" id="showmore">
						<div class="filter ">
							<p class="filter-title">物业类型:</p>
							<ul class="filter-items">
								<li><input type="checkbox">全部</li>
								<li><input type="checkbox">高层</li>
								<li><input type="checkbox">小高层</li>
								<li><input type="checkbox">洋房</li>
								<li><input type="checkbox">叠加别墅</li>
								<li><input type="checkbox">联排别墅</li>
								<li><input type="checkbox">双拼别墅</li>
								<li><input type="checkbox">独栋别墅</li>

							</ul>
						</div>
						<div class="filter ">
							<p class="filter-title">户&nbsp;&nbsp;&nbsp;&nbsp;型:</p>
							<ul class="filter-items">
								<li><input type="checkbox">全部</li>
								<li><input type="checkbox">一房</li>
								<li><input type="checkbox">二 房</li>
								<li><input type="checkbox">三房</li>
								<li><input type="checkbox">四房</li>
								<li><input type="checkbox">五房及以上</li>
							</ul>
						</div>
						<div class="filter ">
							<p class="filter-title">面&nbsp;&nbsp;&nbsp;&nbsp;积:</p>
							<ul class="filter-items">
								<li><input type="checkbox">全部</li>
								<li><input type="checkbox">75m2以下</li>
								<li><input type="checkbox">75-90m2</li>
								<li><input type="checkbox">90-120m2</li>
								<li><input type="checkbox">120-144m2</li>
								<li><input type="checkbox">144-180m2</li>
								<li><input type="checkbox">180以上m2</li>
							</ul>
						</div>
						<div class="filter ">
							<p class="filter-title">总&nbsp;&nbsp;&nbsp;&nbsp;价:</p>
							<ul class="filter-items">
								<li><input type="checkbox">全部</li>
								<li><input type="checkbox">80万以下</li>
								<li><input type="checkbox">80-100万</li>
								<li><input type="checkbox">100-150万</li>
								<li><input type="checkbox">150-200万</li>
								<li><input type="checkbox">200-300万</li>
								<li><input type="checkbox">300万以上</li>
							</ul>
						</div>
						<div class="filter ">
							<p class="filter-title">单&nbsp;&nbsp;&nbsp;&nbsp; 价:</p>
							<ul class="filter-items">
								<li><input type="checkbox">全部</li>
								<li><input type="checkbox">8000以下</li>
								<li><input type="checkbox">8000-9000</li>
								<li><input type="checkbox">9000-10000</li>
								<li><input type="checkbox">10000-12000</li>
								<li><input type="checkbox">12000-15000</li>
								<li><input type="checkbox">15000-18000</li>
								<li><input type="checkbox">18000-20000</li>
								<li><input type="checkbox">20000以上</li>
							</ul>
						</div>
					</div>
				</div>

			</div>
			<!-- span9 -->

		</div>


		<div class="row banner-row">
			<div class="span12">
			
	<div class="cont_table mt20">
		<div class="bread-crumb"
					style="background-color: #ddd; line-height: 35px; font-size: 14px; padding-left: 4px;">
      <div align="right">
			<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
          数据管理
    <span class="caret"></span>
  </a>
<!--   <ul class="dropdown-menu" >

  </ul> -->
</div>	
			<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
       指标设置
    <span class="caret"></span>
  </a>
<!--   <ul class="dropdown-menu" >

  </ul> -->
</div>	
<div class="btn-group" style="padding-right: 2px;">
 <a class="btn" href="javascript:void(0);" onclick="showList()" ><i class="icon-list" ></i></a>
 <a class="btn" href="javascript:void(0);" onclick="showPic()"><i class=" icon-align-left"></i></a>
</div>

</div>
</div>
	<div class="cont_tblist cont_tblist-floating">
		<div id="divContent"
					style="overflow: hidden; position: relative; height: 380px;">
		<table class="table table-hover table-bordered">
   <thead>
      <tr>
         <th>时间</th>
         <th>宗数</th>
         <th>土地出让金</th>
         <th>建设用地面积</th>
         <th>规划建筑面积</th>
         <th>成交楼面地价</th>
         <th>平均溢价率</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>合计</td>
         <td>153</td>
         <td>4719159.96</td>
         <td>6678458</td>
         <td>13446652</td>
         <td>3540</td>
         <td>34.85%</td>
      </tr>
      <tr>
        <td>2015年8月</td>
         <td>23</td>
         <td>1719159.96</td>
         <td>1678458</td>
         <td>3446652</td>
         <td>1540</td>
         <td>44.85%</td>
      </tr>
      <tr>
     <td>2015年7月</td>
          <td>21</td>
         <td>719159.96</td>
         <td>678458</td>
         <td>446652</td>
         <td>540</td>
         <td>14.85%</td>
      </tr>
      <tr>
     <td>2015年6月</td>
         <td>15</td>
         <td>719159.96</td>
         <td>678458</td>
         <td>446652</td>
         <td>540</td>
         <td>34.85%</td>
      </tr>
      <tr>
     <td>2015年5月</td>
         <td>26</td>
         <td>719159.96</td>
         <td>678458</td>
         <td>446652</td>
         <td>540</td>
         <td>34.85%</td>
      </tr>
      <tr>
     <td>2015年4月</td>
          <td>46</td>
         <td>719159.96</td>
         <td>678458</td>
         <td>446652</td>
         <td>540</td>
         <td>34.85%</td>
      </tr>
      <tr>
     <td>2015年3月</td>
          <td>26</td>
         <td>719159.96</td>
         <td>678458</td>
         <td>446652</td>
         <td>540</td>
         <td>34.85%</td>
      </tr>
      <tr>
     <td>2015年2月</td>
         <td>19</td>
         <td>719159.96</td>
         <td>678458</td>
         <td>446652</td>
         <td>540</td>
         <td>34.85%</td>
      </tr>
      <tr>
     <td>2015年1月</td>
         <td>14</td>
         <td>719159.96</td>
         <td>678458</td>
         <td>446652</td>
         <td>540</td>
         <td>34.85%</td>
      </tr>
   </tbody>
</table>				
													
</div>
	<div class="cont_tblist" id="divContentPic"
		style="position: relative; height:480px; display: none; background-color: #eee" align="center">
	 <img src="image/chartdemo1.png" class="img-rounded" style="width:70%;padding-top: 40px; ">
											
	  </div>
<div class="pagination" >
  <ul>
    <li class="disabled"><span>&laquo;</span></li>
    <li class="active"><span>1</span></li>
    <li ><span>2</span></li>
    <li ><span>3</span></li>
    <li ><span>4</span></li>
    <li><a href="#">&raquo;</a></li>
  </ul>
</div>					
</div>
					
					<div class="cont_page clearfix">
						<div class="table_btool fr">
							<a href="javascript:void(0)" class="but_down" id="dowTable"><em></em><span>下载表格</span></a>
						</div>
					</div>
					<div class="explainbox red01" style="display: none">
						<a href="#" class="fr"></a>
					</div>
				</div>
				<!-------表格 end------->


			</div>
		</div>




		<!-- 页脚 -->
		<div id="footer" class="">
			<div class="footer_menu">
				<a class="navl" href="http://djt.qq.com/aboutus">关于我们</a> | <a
					class="navl" target="_blank" href="http://djt.qq.com/sitemap">网站地图</a>
				| <a class="navl" target="_blank" href="http://e.t.qq.com/QQInno">QQ新事</a>
				| <a class="navl" target="_blank" href="http://m.djt.qq.com/">移动版</a>
				| <a class="share s-weibo" href="http://weibo.com/qqinno"
					target="_blank" title="新浪微博"></a> <a class="share t-weibo"
					href="http://e.t.qq.com/TClecture" target="_blank" title="腾讯微博"></a>
				<a class="share renren" href="http://page.renren.com/601508341"
					target="_blank" title="人人网"></a>
			</div>
			<p style="padding-top: 5px">Copyright © 1998 - 2013 bst. All
				Rights Reserved.&nbsp;&nbsp; 版权所有</p>
		</div>
	</div>


	<div class="box-wrapper">
		<div class="qrcode">
			<p>微信扫一扫</p>
			<img src="./image/weixin_qrcode.jpg" alt="微信扫一扫关注腾讯大讲堂">
		</div>
		<div id="goTopBox" style="display: none;">顶部</div>
		<div class="support-box">反馈</div>
	</div>

</body>

<script type="text/javascript">
	$('#form_date input').datepicker({
		  format: "yyyy-mm-dd",
		    weekStart: 1,
		    todayBtn: "linked",
		    language: "zh-CN",
		    autoclose: true,
		    todayHighlight: true
	});

	function showmore() {
		$("#showmore").show();
		$("#tohide").show();
		$("#toshow").hide();
	}
	function hidemore() {
		$("#tohide").hide();
		$("#showmore").hide();
		$("#toshow").show();
	}
	
	function showList(){
		$('#divContentPic').hide();
		$('#divContent').show();
	}
	function showPic(){
		$('#divContent').hide();
		$('#divContentPic').show();
	}
	
</script>




</html>